<%--
  Created by IntelliJ IDEA.
  User: 刘琛
  Date: 2020/9/27
  Time: 10:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%pageContext.setAttribute("APP_PATH", request.getContextPath());%>

<!DOCTYPE html>
<html lang="en" style="height:100%">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>智慧维修</title>

    <meta name="description" content="Static &amp; Dynamic Tables" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />


    <link rel="stylesheet" href="${APP_PATH }/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="${APP_PATH }/assets/font-awesome/4.5.0/css/font-awesome.min.css" />

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="${APP_PATH }/assets/css/fonts.googleapis.com.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]-->
    <%--    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-part2.min.css" class="ace-main-stylesheet" />--%>
    <!--[endif]-->
    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-rtl.min.css" />

    <!--[if lte IE 9]-->
    <%--    <link rel="stylesheet" href="${APP_PATH }/assets/css/ace-ie.min.css" />--%>
    <!--[endif]-->
    <link rel="stylesheet" href="${APP_PATH}/assets/fonts/iconfont.css"/>

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="${APP_PATH }/assets/js/ace-extra.min.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]-->
    <%--    <script src="${APP_PATH }/assets/js/html5shiv.min.js"></script>--%>
    <%--    <script src="${APP_PATH }/assets/js/respond.min.js"></script>--%>
    <!--[endif]-->
    <style>
        .list li{
            display:inline-block;
            width: 19%;
        }

        img{
            max-width:100%;
            max-height: 100%;
            filter:alpha(opacity=80);
            -moz-opacity:0.8;
            opacity: 0.8;
        }
        .divBackgroundColor{

            position: absolute;//使用绝对定位将页面铺满

        }
        .container{
            min-height:81.8vh;

            max-width:100%;
        }
        .parrent{
            display:table;

        }
        .box{
            display:table-cell;
            vertical-align:middle;
        }



        .backgroundimage {
            background-image: url(${APP_PATH}/assets/images/index1.png)!important;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .backgroundimage:before
        {
            background-image: url(${APP_PATH}/assets/images/index1.png)!important;
        }
    </style>

</head>

<body class="no-skin" style="box-sizing:border-box;">
<div id="navbar" class="navbar navbar-default          ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left">
            <a href="#" class="navbar-brand">
                <small>
<%--                    <i class="iconfont icon-dengpao green" style="font-size: xx-large"></i>--%>
                    <i><img src="${APP_PATH}/assets/images/ic_launcher_foreground.png" width="30"></i>
                    智慧维修
                </small>
            </a>
        </div>

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="light-blue dropdown-modal">
                    <span>
                        <small class="red">未登录</small>
                    </span>
                    &nbsp;&nbsp;&nbsp;
                    <i class="ace-icon"></i>
                        <button id="downloadTemplate"   style="background: transparent; size: auto" class="dropdown-toggle red" onclick="download()" >
                            下载APP
                        </button>

                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>

<div class="main-container ace-save-state "  id="main-container">
    <script type="text/javascript">
        try{ace.settings.loadState('main-container')}catch(e){}
    </script>

    <div id="sidebar" class="sidebar responsive ace-save-state" style="font-size: large">
        <script type="text/javascript">
            try{ace.settings.loadState('sidebar')}catch(e){}
        </script>

        <ul class="nav nav-list">
            <li class="">
                <a href="#" class="dropdown-toggle">
                    <i class="menu-icon iconfont icon-update_status red" style="font-size: large"></i>
                    <span class="menu-text" style="font-size: large">维修单审核</span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <b class="arrow"></b>

                <ul class="submenu">
                    <li class="">
                        <a href="${pageContext.request.contextPath}/toLogin">
                            <i class="menu-icon fa fa-caret-right"></i>
                            报修申请审核
                        </a>
                        <b class="arrow"></b>
                    </li>

                    <li class="">
                        <a href="${pageContext.request.contextPath}/toLogin">
                            <i class="menu-icon fa fa-caret-right"></i>
                            竞单申请审核
                        </a>
                        <b class="arrow"></b>
                    </li>
                    <li class="">
                        <a href="${pageContext.request.contextPath}/toLogin">
                            <i class="menu-icon fa fa-caret-right"></i>
                            验收审核
                        </a>
                        <b class="arrow"></b>
                    </li>

                </ul>
            </li>

            <!--人员注册审核-->
            <ul class="nav nav-list">


                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon glyphicon glyphicon-user blue" style="font-size: large"></i>
                        <span class="menu-text" style="font-size: large">人员审核</span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                审核员注册审核
                            </a>
                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                人员注册审核
                            </a>
                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                公司注册审核
                            </a>
                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                部门所有人员信息
                            </a>
                            <b class="arrow"></b>
                        </li>

                    </ul>
                </li>
            </ul>

            <!--设备管理功能-->
            <ul class="nav nav-list">


                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon iconfont icon-__equipment orange" style="font-size: large"></i>
                        <span class="menu-text" style="font-size: large">设备管理</span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                所有设备信息
                            </a>
                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
            </ul>

            <!--维修单查询-->
            <ul class="nav nav-list">


                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon iconfont icon-svgorderred green" style="font-size: large"></i>
                        <span class="menu-text" style="font-size: large">维修单查询</span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                所有维修单
                            </a>
                            <b class="arrow"></b>
                        </li>

                    </ul>
                </li>

                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon iconfont icon-update_status red" style="font-size: large"></i>
                        <span class="menu-text" style="font-size: large">维修单审批</span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>
                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                竞单审批
                            </a>
                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="${pageContext.request.contextPath}/toLogin">
                                <i class="menu-icon fa fa-caret-right"></i>
                                验收审批
                            </a>
                            <b class="arrow"></b>
                        </li>

                    </ul>
                </li>

            </ul>



        </ul><!-- /.nav-list -->

    </div>


    <div class="main-content " >
        <div class="main-content-inner">
            <!--  style="height: 100%; width: 85.15%;"  -->
                <div class="page-content backgroundimage container parrent"  style="width: 100%;">
                    <div class="row box">
                        <div class="col-xs-12">
                            <div class="clearfix">
                                <div class="pull-right tableTools-container"></div>
                            </div>

                            <!-- div.table-responsive -->

                            <!-- div.dataTables_borderWrap -->


<%--                            <div><br><br><br></div>--%>
                                <div class="">
                                    <ul class="list">
                                        <li>
                                            <a type="img" role="img" href="${pageContext.request.contextPath}/toLogin">
                                                <img src="${APP_PATH}/assets/images/admin.png" alt="无" >
                                            </a>
                                        </li>
                                        &nbsp;
                                        <li>
                                            <a type="img" role="img" href="${pageContext.request.contextPath}/toLogin">
                                                <img src="${APP_PATH}/assets/images/equipment_admin.png" alt="无" >
                                            </a>
                                        </li>
                                        &nbsp;
                                        <li>
                                            <a type="img" role="img" href="${pageContext.request.contextPath}/toLogin">
                                                <img src="${APP_PATH}/assets/images/approver.png" alt="无" >
                                            </a>
                                        </li>
                                        &nbsp;
                                        <li>
                                            <a type="img" role="img" href="${pageContext.request.contextPath}/toLogin">
                                                <img src="${APP_PATH}/assets/images/reviewer.png" alt="无" >
                                            </a>
                                        </li>
                                        &nbsp;
                                        <li>
                                            <a type="img" role="img" href="${pageContext.request.contextPath}/toLogin">
                                                <img src="${APP_PATH}/assets/images/maintenance_unit.png" alt="无" >
                                            </a>
                                        </li>
                                        <%--                                    <li><img src="${APP_PATH}/assets/images/index.png" alt="" ></li>--%>
                                    </ul>
                                </div>
<%--                            <div><br><br><br><br></div>--%>
                            </div>
                            </div>
                            <!-- PAGE CONTENT ENDS -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.page-content -->
            </div>


    </div><!-- /.main-content -->



<div class="footer">
    <div class="footer-inner">
        <div class="footer-content">
<%--            <i class="iconfont icon-dengpao green" style="font-size: large"></i>--%>
                <i><img src="${APP_PATH}/assets/images/ic_launcher_foreground.png" width="20"></i>
            <span class="bigger-120">
                湖北南星化工总厂 &copy; 2020
            </span>


        </div>
    </div>
</div>

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script src="${APP_PATH }/assets/js/jquery-2.1.4.min.js"></script>

<!-- <![endif]-->

<!--[if IE]-->
<%--<script src="${APP_PATH }/assets/js/jquery-1.11.3.min.js"></script>--%>
<!--[endif]-->
<script type="text/javascript">
    if('ontouchstart' in document.documentElement) document.write("<script src='${APP_PATH }/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");

    //导出模板下载
    function download(){
        var value = prompt("请输入下载口令！");
        $.ajax({
            url : "${pageContext.request.contextPath}/file/getDownloadValue",
            type : "GET",
            success:function(data) {
                var downloadValue = data.downloadValue;
                if(value===downloadValue){
                    $.ajax({
                        url : "${pageContext.request.contextPath}/file/getApkVersion",
                        type : "GET",
                        success:function(data) {
                            var a = document.createElement('a'); // 创建a标签
                            a.setAttribute('download', '');// download属性
                            a.setAttribute('href', data.url);// href链接
                            a.click();// 自执行点击事件
                            // window.location.href = data.url;
                        }
                    });
                }
                else {
                    alert("口令输入错误")
                }
            }
        });


        // window.location.href="/mmmsimage/mmms.apk";
        //后台方法、文件类型、文件名
        <%--downloadTemplate('${pageContext.request.contextPath}/file/downloadAPP', 'filename', '智慧维修');--%>
    }

    /**
     * 用于下载导入模板时的影藏form表单的提交，采用post方式提交
     * @param action 请求后台方法
     * @param type 文件类型
     * @param value 文件名
     */
    function downloadTemplate(action, type, value){
        var form = document.createElement('form');
        document.body.appendChild(form);
        form.style.display = "none";
        form.action = action;
        form.id = 'excel';
        form.method = 'post';

        var newElement = document.createElement("input");
        newElement.setAttribute("type","hidden");
        newElement.name = type;
        newElement.value = value;
        form.appendChild(newElement);

        form.submit();
    }
</script>
<script src="${APP_PATH }/assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->
<script src="${APP_PATH }/assets/js/jquery.dataTables.min.js"></script>
<script src="${APP_PATH }/assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="${APP_PATH }/assets/js/dataTables.buttons.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.flash.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.html5.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.print.min.js"></script>
<script src="${APP_PATH }/assets/js/buttons.colVis.min.js"></script>
<script src="${APP_PATH }/assets/js/dataTables.select.min.js"></script>

<!-- ace scripts -->
<script src="${APP_PATH }/assets/js/ace-elements.min.js"></script>
<script src="${APP_PATH }/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
</body>
</html>
